
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>我的圈子</title>
		<meta name="viewport" content="initial-scale=1, maximum-scale=1">
		<link rel="shortcut icon" href="/favicon.ico">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/sm.min.css">
		<link rel="stylesheet" href="css/sm-extend.min.css">
		<link rel="stylesheet" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/by_m.css" />

	</head>

	<body>
		<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
		<div class="page-group">
			<!-- 单个page ,第一个.page默认被展示-->
			<div class="page">
				<!-- 标题栏 -->
				<header class="bar bar-nav">
					<a href="user_work.html" class="icon iconfont icon-fanhui pull-left"></a>
					<h1 class="title">我的圈子</h1>
				</header>

				<!-- 这里是页面内容区 -->
				<div class="content">
					<div class="buttons-tab red-tab">
						<a href="#tab1" class="tab-link button active">我关注的(3)</a>
						<a href="#tab2" class="tab-link button">关注我的(2)</a>
					</div>
					<div class="tabs">
						<div id="tab1" class="tab active">
							<div class="card">
								<div class="card-content cricle-box">
									<a href="personal_detail.html" class="card-content-inner">
										<div class="avatar">
											<img src="temp/1.jpg" />
											<h1>陈立仁<span class="marks">个人</span></h1>
											<div class="promise">
												<span>真</span>
												<span>简</span>
												<span>作品</span>
												<span>保</span>
											</div>
										</div>
									</a>
									<div class="type-btn">
										<button><i class="iconfont icon-nofollow"></i>取消关注</button>
										<button><i class="iconfont icon-xinfeng"></i>私信</button>
									</div>

								</div>
							</div>
							<div class="card">
								<div class="card-content cricle-box">
									<a href="personal_detail.html" class="card-content-inner">
										<div class="avatar">
											<img src="temp/2.jpg" />
											<h1>延吉市动态婚礼摄影工作室<span class="marks jigou">机构</span></h1>
											<div class="promise">
												<span class="jigou">机构</span>
											</div>
										</div>
									</a>
									<div class="type-btn">
										<button><i class="iconfont icon-nofollow"></i>取消关注</button>
										<button><i class="iconfont icon-xinfeng"></i>私信</button>
									</div>

								</div>
							</div>
							<div class="card">
								<div class="card-content cricle-box">
									<a href="personal_detail.html" class="card-content-inner">
										<div class="avatar">
											<img src="temp/3.jpg" />
											<h1>长沙楚翔摄影技术有限公司<span class="marks jigou">机构</span></h1>
											<div class="promise">
												<span class="jigou">机构</span>
											</div>
										</div>
									</a>
									<div class="type-btn">
										<button><i class="iconfont icon-nofollow"></i>取消关注</button>
										<button><i class="iconfont icon-xinfeng"></i>私信</button>
									</div>

								</div>
							</div>

						</div>
						<div id="tab2" class="tab">
							<div class="card">
								<div class="card-content cricle-box">
									<a href="personal_detail.html" class="card-content-inner">
										<div class="avatar">
											<img src="temp/2.jpg" />
											<h1>陈立仁<span class="marks">个人</span></h1>
											<div class="promise">
												<span>真</span>
												<span>简</span>
												<span>作品</span>
												<span>保</span>
											</div>
										</div>
									</a>
									<div class="type-btn">
										<button><i class="iconfont icon-follow"></i>关注</button>
										<button><i class="iconfont icon-xinfeng"></i>私信</button>
									</div>

								</div>
							</div>
							<div class="card">
								<div class="card-content cricle-box">
									<a href="personal_detail.html" class="card-content-inner">
										<div class="avatar">
											<img src="temp/3.jpg" />
											<h1>长沙楚翔摄影技术有限公司<span class="marks jigou">机构</span></h1>
											<div class="promise">
												<span class="jigou">机构</span>
											</div>
										</div>
									</a>
									<div class="type-btn">
										<button><i class="iconfont icon-nofollow"></i>取消关注</button>
										<button><i class="iconfont icon-xinfeng"></i>私信</button>
									</div>

								</div>
							</div>

						</div>
					</div>

				</div>
			</div>

			<script type='text/javascript' src='js/zepto.min.js' charset='utf-8'></script>
			<script src="js/config.js" type="text/javascript" charset="utf-8"></script>
			<script type='text/javascript' src='js/sm.min.js' charset='utf-8'></script>
			<script type='text/javascript' src='js/sm-extend.min.js' charset='utf-8'></script>

	</body>

</html>